<template>
  <div id="app" style="background-color: transparent;">

    <router-view/>

  </div>
</template>
<!--'./assets/logo.png'-->
<script>

  import axios from 'axios'

  export default {
    name: 'App',
    data: function () {
      return {
              }
    },
    methods: {
      add: function () {
        this.textList.push(this.inputText)
        this.inputText = ''
      },
      random: function () {
        var _this = this
        axios.get('https://api.gushi.ci/all.txt')
          .then(function (response) {
            _this.inputText = response.data
          })
          .catch(function (error) {
            console.log(error)
            alert(error)
          })
      },
      delete0: function (index) {
        this.textList.splice(index, 1)
      }

    }
  }
</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    /*color: #ff0e11;*/
    background-color: #ffffff;
    height: 2000px;
    /*margin-top: 60px;*/
  }

  body{
    /*padding: 0px;*/
    margin: 0px;
  }
  .elbutton{
    background-color:#2a333b;
    margin-top: 10px;
    width: 200px;
    border-radius: 0px;
  }
  /*.el-container{*/
  /*margin-top: 100px;*/
  /*}*/
  .box-card{
    /*padding-top: 0px;*/
    /*margin-top: 0px;*/
    width: 80%;
    /*上下，左右*/
    margin: 10px 145px;
    padding: 0px 0px;
  }

</style>
